<% layout('/layouts/default.html', {title: '反馈', libs: ['validate','fileupload']}){ %>
<style>
	.lh-contentText {
		padding: 3px 0 0 8px;
		word-wrap: break-word;
		word-break: break-word;
	}
	.circle {
		border-radius: 50%;
		display: inline-block;
		margin-right: 10px;
		width: 10px;
		height: 10px;
		background: #00FF7F;
	}
	.circle1 {
		border-radius: 50%;
		display: inline-block;
		margin-right: 10px;
		width: 10px;
		height: 10px;
		background: #FF0000;
	}
	.circle2 {
		border-radius: 50%;
		display: inline-block;
		margin-right: 10px;
		width: 10px;
		height: 10px;
		background: #A9A9A9;
	}
	.newBox{
		width: 100%;
		position: relative;
		height: 100%;
		overflow: hidden;
	}
	.detailLeft{

		height: 100%;
		border-radius: 4px;
		overflow: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: calc(100% - 380px);
		margin-right: 10px;
		float: left;
	}
	.mainDepBoxright{

		height: 800px;
		border-radius: 4px;
		overflow: auto;
		width: 370px;
		float: right;
		background: #ffffff;
	}
	.mainDepTopFix{
		height: 54px;
		line-height: 36px;
		margin-bottom: 10px;
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: #fff;
		overflow: hidden;
	}
	.mainTopCen{
		padding: 0 10px 30px 10px;
		margin-bottom: 10px;
		border-radius: 4px;
		background: #fff;
	}
</style>
<!--<div class="ui-layout-north">-->
<!--<div class="main-content">-->
<!--	<div class="box box-main">-->

<!--	</div>-->
<!--</div>-->
<!--</div>-->

<div class="ui-layout-center">
	<div class="main-content">
		<div class="box1 box-main newBox">
			<div class="detailLeft">
				<div class="box-header with-border mainDepTopFix">
					<div class="box-title">
						<button type="button" class="btn btn-default btn-sm" onclick="js.closeCurrentTabPage()" style="background: #FFF;border: 1px solid #DCDFE6;color: #606266;">${text('关 闭')}</button>
					</div>
<!--					<div style="float: right;">-->
<!--						<span><span class="circle"></span>正常推进</span>&emsp;-->
<!--						<span><span class="circle1"></span>未达标或不及预期</span>&emsp;-->
<!--						<span><span class="circle2"></span>未开始</span>-->
<!--					</div>-->
				</div>
				<#form:form id="inputForm" model=""  method="post" class="form-horizontal">
				<div class="box-body mainTopCen">
					<div style="float: right;">逾期反馈次数
						<span>0</span>
						<a href="">查看></a>
					</div>
					<h4>${taskInfo.taskTitle!'无'}</h4>
					<div><span style="color:#A9A9A9">牵头领导:</span><span>${taskInfo.taskLeaderName!'无'}</span></div>
					<div><span style="color:#A9A9A9">牵头责任单位:</span><span>${dcSupTaskAction.leaderOrgName!'无'}</span></div>
				</div>
				<div class="box-footer mainTopCen">
					<div><span style="color:#A9A9A9" title="${@DateUtils.formatDate(taskInfo.taskStartTime,'yyyy-MM-dd')}-${@DateUtils.formatDate(taskInfo.taskEndTime,'yyyy-MM-dd')}">${@DateUtils.formatDate(taskInfo.taskStartTime,'yyyy-MM-dd')}..:</span>
						<span>${taskInfo.taskTitle!'无'}</span>
					</div>
					<div><span style="color:#A9A9A9">反馈时间要求:</span><span>${taskInfo.feedbackWay!'无'}</span></div>
				</div>

				<div class="box-footer">
					<div><span style="color:#A9A9A9">牵头领导:</span><span>${taskInfo.taskLeaderName!'无'}</span></div>
					<div><span style="color:#A9A9A9">牵头责任单位:</span><span>${dcSupTaskAction.leaderOrgName!'无'}</span></div>
				</div>
			    </#form:form>
			</div>
			<div class="ui-layout-content mainDepBoxright">
				<div style="display:inline;font-size: 18px;">任务信息</div>
				<button type="button" style="display:inline;float: right">待安排</button>
				<br>
				<br>
				<div class="box-footer">
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('任务年度')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.taskYear!'无'}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('任务标题')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.taskTitle!'无'}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('任务类型')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.taskTypeName!'无'}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('任务内容')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.taskContent!'无'}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('开始时间')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${@DateUtils.formatDate(taskInfo.taskStartTime,'yyyy-MM-dd')}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('结束时间')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${@DateUtils.formatDate(taskInfo.taskEndTime,'yyyy-MM-dd')}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('牵头领导')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.taskLeaderName!'无'}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('牵头责任单位')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.taskLeaderOrgName!'无'}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('反馈时间要求')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.feedbackWay!'无'}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('备注')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.remarks!'无'}</span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-12">
							<div class="form-group">
								<label class="control-label col-sm-4" title="">
									<span class="required hide">*</span> ${text('发起单位')}：<i class="fa icon-question hide"></i></label>
								<div class="col-sm-8">
									<span class="lh-contentText">${taskInfo.createOrg!'无'}</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<% } %>
<script>
	var weekData = [{ id: 1, text: '周一' }, { id: 2, text: '周二' }, { id: 3, text: '周三' }, { id: 4, text: '周四' }, { id: 5, text: '周五' }, { id: 6, text: '周六' }, { id: 7, text: '周日' }];
	var monthData = [{ id: 1, text: '1' }, { id: 2, text: '2' }, { id: 3, text: '3' }, { id: 4, text: '4' },
		{ id: 5, text: '5' }, { id: 6, text: '6' }, { id: 7, text: '7' }, { id: 8, text: '8' }, { id: 9, text: '9' },
		{ id: 10, text: '10' }, { id: 11, text: '11' }, { id: 12, text: '12' }, { id: 13, text: '13' }, { id: 14, text: '14' },
		{ id: 15, text: '15' }, { id: 16, text: '16' }, { id: 17, text: '17' }, { id: 18, text: '18' }, { id: 19, text: '19' },
		{ id: 20, text: '20' }, { id: 21, text: '21' }, { id: 22, text: '22' }, { id:23, text: '23' }, { id: 24, text: '24' },
		{ id: 25, text: '25' }, { id: 26, text: '26' }, { id: 27, text: '27' }, { id:28, text: '28' },{ id:28, text: '29' },{ id:28, text: '30' },{ id:28, text: '31' }];
</script>